<template>
  <div class="rent">
    <div class="rent-logo"></div>
    <div class="rent-btn">
      <x-button class="btn" type="primary" @click.native="ident">认证房东</x-button>
      <x-button class="btn" type="primary" @click.native="release">发布房源</x-button>
      <x-button class="btn" type="primary" @click.native="myHouse">我的房源</x-button>
    </div>
  </div>
</template>
<script>
import { XButton } from 'vux'
export default {
  data () {
    return {
      text: '测试'
    }
  },
  components: {
    XButton
  },
  methods: {
    ident () {
      this.$router.push('./register')
    },
    release () {
      this.$router.push('./verifyHouse')
    },
    myHouse () {
      this.$router.push('./myHouse')
    }
  }
}
</script>

<style lang="less" scoped>
  .rent{
    height:100vh;
    padding: 0 5%;
    background: #fff;
    .rent-logo{
      height: 12.75rem;
      background: url('../../images/rentHouse/rentlogo.png') no-repeat center center;
      background-size: 50%;
    }
    .rent-btn{
      .btn{
        background: #169bd5;
        height: 2.25rem;
      }
    }
  }
</style>
